

<html>
<head>
<meta charset="utf-8">	
<!-- head -->
<script type="text/javascript"  src="../../../../../../../../_static_dir/vue2.6.14.js"></script>
<script type="text/javascript"  src="../../../../../../../../_static_dir/base.js"></script>
<link rel="stylesheet"         href="../../../../../../../../_static_dir/base.css">

<script src="../../../../../../../../_static_dir/element_ui_2.0.3_index.js"></script>
<link href="../../../../../../../../_static_dir/element_ui.css" rel="stylesheet">
<link rel="stylesheet" href="../../../../../../../../_static_dir/iconfont.css">
<link rel="stylesheet" href="../../../../../../../../_static_dir/default.css">
<script type="text/javascript"  src="../../../../../../../../_static_dir/default.js"></script>






<script type="text/javascript"  src="../_static_dir/vue2.6.14.js"></script>
<script type="text/javascript"  src="../_static_dir/base.js"></script>
<link rel="stylesheet" href="../_static_dir/base.css">

<script src="../_static_dir/element_ui_2.0.3_index.js"></script>
<link href="../_static_dir/element_ui.css" rel="stylesheet">
<link rel="stylesheet" href="../_static_dir/iconfont.css">
<link rel="stylesheet" href="../_static_dir/default.css">
<script type="text/javascript"  src="../_static_dir/default.js"></script>
<script type="text/javascript"  src="main.js"></script>
<link rel="stylesheet" href="main.css">

<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #212121;
color: #ffffff;
}
</style>
</head>

<body style="
    position: relative;">
    <svg width="12" height="12" class="a_1_0_4_1_1_class2" style="position: absolute;left:200;top:200;"><circle cx="6" cy="6" r="4" fill="none" stroke="#FFFFFF" stroke-width="1"></circle></svg>
    <svg width="12" height="12" class="a_1_0_4_1_1_class2" style="position: absolute;left:100;top:100"><circle cx="6" cy="6" r="4" fill="none" stroke="#FFFFFF" stroke-width="1"></circle></svg>
    <svg width="12" height="12" class="a_1_0_4_1_1_class2" style="position: absolute;left:100;top:200"><circle cx="6" cy="6" r="4" fill="none" stroke="#FFFFFF" stroke-width="1"></circle></svg>
    <svg width="12" height="12" class="a_1_0_4_1_1_class2" style="position: absolute;left:100;top:300"><circle cx="6" cy="6" r="4" fill="none" stroke="#FFFFFF" stroke-width="1"></circle></svg>
    <svg width="12" height="12" class="a_1_0_4_1_1_class2" style="position: absolute;left:200;top:100"><circle cx="6" cy="6" r="4" fill="none" stroke="#FFFFFF" stroke-width="1"></circle></svg>
    <svg width="12" height="12" class="a_1_0_4_1_1_class2" style="position: absolute;left:200;top:200"><circle cx="6" cy="6" r="4" fill="none" stroke="#FFFFFF" stroke-width="1"></circle></svg>
    <svg width="12" height="12" class="a_1_0_4_1_1_class2" style="position: absolute;left:200;top:300"><circle cx="6" cy="6" r="4" fill="none" stroke="#FFFFFF" stroke-width="1"></circle></svg>
    <svg width="12" height="12" class="a_1_0_4_1_1_class2" style="position: absolute;left:300;top:100"><circle cx="6" cy="6" r="4" fill="none" stroke="#FFFFFF" stroke-width="1"></circle></svg>
    <svg width="12" height="12" class="a_1_0_4_1_1_class2" style="position: absolute;left:300;top:200"><circle cx="6" cy="6" r="4" fill="none" stroke="#FFFFFF" stroke-width="1"></circle></svg>
    <svg width="12" height="12" class="a_1_0_4_1_1_class2" style="position: absolute;left:300;top:300"><circle cx="6" cy="6" r="4" fill="none" stroke="#FFFFFF" stroke-width="1"></circle></svg>
</body>
<script>

正下方={
key:'正下方',

xy:{x1:200,y1:200,x2:200,y2:300},
father_dom:document.querySelector('body')
}


左下方={
key:'左下方',
xy:{x1:200,y1:200,x2:300,y2:300},
father_dom:document.querySelector('body')
}


右下方={
key:'右下方',

xy:{x1:200,y1:200,x2:100,y2:300},
father_dom:document.querySelector('body')
}



正上方={
key:'正上方',

xy:{x1:200,y1:200,x2:200,y2:100},
father_dom:document.querySelector('body')
}


左上方={
key:'左上方',

xy:{x1:200,y1:200,x2:100,y2:100},
father_dom:document.querySelector('body')
}


右上方={
key:'右上方',

xy:{x1:200,y1:200,x2:300,y2:100},
father_dom:document.querySelector('body')
}




右={
key:'右',

xy:{x1:200,y1:200,x2:300,y2:200},
father_dom:document.querySelector('body')
}


左={
key:'左',

xy:{x1:200,y1:200,x2:100,y2:200},
father_dom:document.querySelector('body')
}



console.log(
`
请在终端调函数:
a_1_2_1_1_1_line_add(正下方);
a_1_2_1_1_1_line_add(左下方);
a_1_2_1_1_1_line_add(右下方);
a_1_2_1_1_1_line_add(正上方);
a_1_2_1_1_1_line_add(左上方);
a_1_2_1_1_1_line_add(右上方);
a_1_2_1_1_1_line_add(右);
a_1_2_1_1_1_line_add(左);
`
)
</script>
